var match_page_more = `<li  class="mouse-hover">
<div class="match-detail-title">
    <a href="javascript:;">2021 LCO 春季赛 PCE vs CHF</a>
    <span>1周前</span>
</div>
<div class="match-detail-show">
    <div class="show-left">
        <div class="show-left-top">
            <span class="show-team">PCE</span>
            <div class="show-pic">
                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Soraka.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Seraphine.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Karma.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Lillia.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Hecarim.png" alt="">
                </a>
            </div>
        </div>
        <div class="show-left-bom">
            <a class="show-hero">
                <img 
                    src="./img/Chogath.png" alt="虚空恐惧">
            </a><a class="show-hero">
                <img 
                    src="./img/Udyr.png" alt="兽灵行者">
            </a><a class="show-hero">
                <img 
                    src="./img/Orianna.png" alt="发条魔灵">
            </a><a class="show-hero">
                <img 
                    src="./img/Jinx.png" alt="暴走萝莉">
            </a><a class="show-hero">
                <img 
                    src="./img/TahmKench.png" alt="河流之王">
            </a>
        </div>
    </div>
    <!-- pc端显示 -->
    <ul class="show-middle">
        <li>
            <i class="number-red">50.4K</i>
            <i>金钱</i>
            <i class="number-blue">35.4K</i>
            <span>
                <em id="line" style="width:58.7%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">16</i>
            <i>击杀</i>
            <i class="number-blue">1</i>
            <span>
                <em id="line" style="width:94.1%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">9</i>
            <i>推塔</i>
            <i class="number-blue">0</i>
            <span>
                <em id="line" style="width:100.0%;"></em>
            </span>
        </li>
    </ul>
    <div class="show-right">
        <div class="show-right-top">
            <span class="show-team">CHF</span>
            <div class="show-pic">
                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Thresh.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Zilean.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Tristana.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Syndra.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Rakan.png" alt="">
                </a>
            </div>
        </div>
        <div class="show-right-bom">
            <a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Sion.png" alt="亡灵战神">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Sejuani.png" alt="北地之怒">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Yone.png" alt="封魔剑魂">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Ezreal.png" alt="探险家">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Lulu.png" alt="仙灵女巫">
            </a>
        </div>
    </div>
</div>
</li>
<li  class="mouse-hover">
<div class="match-detail-title">
    <a href="javascript:;">2021 LPL 春季赛 FPX vs RNG</a>
    <span>1周前</span>
</div>
<div class="match-detail-show">
    <div class="show-left">
        <div class="show-left-top">
            <span class="show-team">FPX</span>
            <div class="show-pic">
                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Alistar.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Hecarim.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Lucian.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Thresh.png" alt="">
                </a>
            </div>
        </div>
        <div class="show-left-bom">
            <a class="show-hero">
                <img 
                    src="./img/Irelia.png" alt="刀锋舞者">
            </a><a class="show-hero">
                <img 
                    src="./img/Lillia.png" alt="含羞蓓蕾">
            </a><a class="show-hero">
                <img 
                    src="./img/Orianna.png" alt="发条魔灵">
            </a><a class="show-hero">
                <img 
                    src="./img/Kaisa.png" alt="虚空之女">
            </a><a class="show-hero">
                <img 
                    src="./img/Rell.png" alt="镕铁少女">
            </a>
        </div>
    </div>
    <!-- pc端显示 -->
    <ul class="show-middle">
        <li>
            <i class="number-red">57.4K</i>
            <i>金钱</i>
            <i class="number-blue">49.0K</i>
            <span>
                <em id="line" style="width:53.9%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">19</i>
            <i>击杀</i>
            <i class="number-blue">11</i>
            <span>
                <em id="line" style="width:63.3%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">8</i>
            <i>推塔</i>
            <i class="number-blue">3</i>
            <span>
                <em id="line" style="width:72.7%;"></em>
            </span>
        </li>
    </ul>
    <div class="show-right">
        <div class="show-right-top">
            <span class="show-team">RNG</span>
            <div class="show-pic">
                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Jayce.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Nocturne.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Renekton.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/TwistedFate.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Kled.png" alt="">
                </a>
            </div>
        </div>
        <div class="show-right-bom">
            <a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Gnar.png" alt="迷失之牙">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Udyr.png" alt="兽灵行者">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Azir.png" alt="沙漠皇帝">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Tristana.png" alt="麦林炮手">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Gragas.png" alt="酒桶">
            </a>
        </div>
    </div>
</div>
</li>
<li  class="mouse-hover">
<div class="match-detail-title">
    <a href="javascript:;">2021 LCO 春季赛 PCE vs CHF</a>
    <span>1周前</span>
</div>
<div class="match-detail-show">
    <div class="show-left">
        <div class="show-left-top">
            <span class="show-team">PCE</span>
            <div class="show-pic">
                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Seraphine.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Evelynn.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Yone.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Kayn.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Lillia.png" alt="">
                </a>
            </div>
        </div>
        <div class="show-left-bom">
            <a class="show-hero">
                <img 
                    src="./img/Gnar.png" alt="迷失之牙">
            </a><a class="show-hero">
                <img 
                    src="./img/Hecarim.png" alt="战争之影">
            </a><a class="show-hero">
                <img 
                    src="./img/Zilean.png" alt="时光守护者">
            </a><a class="show-hero">
                <img 
                    src="./img/Ezreal.png" alt="探险家">
            </a><a class="show-hero">
                <img 
                    src="./img/Braum.png" alt="弗雷尔卓德之心">
            </a>
        </div>
    </div>
    <!-- pc端显示 -->
    <ul class="show-middle">
        <li>
            <i class="number-red">53.3K</i>
            <i>金钱</i>
            <i class="number-blue">42.1K</i>
            <span>
                <em id="line" style="width:55.9%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">20</i>
            <i>击杀</i>
            <i class="number-blue">4</i>
            <span>
                <em id="line" style="width:83.3%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">8</i>
            <i>推塔</i>
            <i class="number-blue">2</i>
            <span>
                <em id="line" style="width:80.0%;"></em>
            </span>
        </li>
    </ul>
    <div class="show-right">
        <div class="show-right-top">
            <span class="show-team">CHF</span>
            <div class="show-pic">
                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/TahmKench.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Thresh.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Karma.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Tristana.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Rakan.png" alt="">
                </a>
            </div>
        </div>
        <div class="show-right-bom">
            <a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Renekton.png" alt="荒漠屠夫">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Sejuani.png" alt="北地之怒">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Ahri.png" alt="九尾妖狐">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Kaisa.png" alt="虚空之女">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Rell.png" alt="镕铁少女">
            </a>
        </div>
    </div>
</div>
</li>
<li  class="mouse-hover">
<div class="match-detail-title">
    <a href="javascript:;">2021 LPL 春季赛 FPX vs RNG</a>
    <span>1周前</span>
</div>
<div class="match-detail-show">
    <div class="show-left">
        <div class="show-left-top">
            <span class="show-team">FPX</span>
            <div class="show-pic">
                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Alistar.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Azir.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Hecarim.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Thresh.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Kaisa.png" alt="">
                </a>
            </div>
        </div>
        <div class="show-left-bom">
            <a class="show-hero">
                <img 
                    src="./img/Jayce.png" alt="未来守护者">
            </a><a class="show-hero">
                <img 
                    src="./img/Udyr.png" alt="兽灵行者">
            </a><a class="show-hero">
                <img 
                    src="./img/Orianna.png" alt="发条魔灵">
            </a><a class="show-hero">
                <img 
                    src="./img/Tristana.png" alt="麦林炮手">
            </a><a class="show-hero">
                <img 
                    src="./img/Rakan.png" alt="幻翎">
            </a>
        </div>
    </div>
    <!-- pc端显示 -->
    <ul class="show-middle">
        <li>
            <i class="number-red">58.6K</i>
            <i>金钱</i>
            <i class="number-blue">49.1K</i>
            <span>
                <em id="line" style="width:54.4%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">15</i>
            <i>击杀</i>
            <i class="number-blue">9</i>
            <span>
                <em id="line" style="width:62.5%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">8</i>
            <i>推塔</i>
            <i class="number-blue">2</i>
            <span>
                <em id="line" style="width:80.0%;"></em>
            </span>
        </li>
    </ul>
    <div class="show-right">
        <div class="show-right-top">
            <span class="show-team">RNG</span>
            <div class="show-pic">
                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Gragas.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Nautilus.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Nocturne.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Renekton.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/TwistedFate.png" alt="">
                </a>
            </div>
        </div>
        <div class="show-right-bom">
            <a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Gnar.png" alt="迷失之牙">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Lillia.png" alt="含羞蓓蕾">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Viktor.png" alt="机械先驱">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Jinx.png" alt="暴走萝莉">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Rell.png" alt="镕铁少女">
            </a>
        </div>
    </div>
</div>
</li>
<li  class="mouse-hover">
<div class="match-detail-title">
    <a href="javascript:;">2021 LCO 春季赛 PCE vs CHF</a>
    <span>1周前</span>
</div>
<div class="match-detail-show">
    <div class="show-left">
        <div class="show-left-top">
            <span class="show-team">PCE</span>
            <div class="show-pic">
                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Nocturne.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Seraphine.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Viktor.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Yone.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Hecarim.png" alt="">
                </a>
            </div>
        </div>
        <div class="show-left-bom">
            <a class="show-hero">
                <img 
                    src="./img/Ornn.png" alt="山隐之焰">
            </a><a class="show-hero">
                <img 
                    src="./img/Nidalee.png" alt="狂野女猎手">
            </a><a class="show-hero">
                <img 
                    src="./img/Lucian.png" alt="圣枪游侠">
            </a><a class="show-hero">
                <img 
                    src="./img/Kaisa.png" alt="虚空之女">
            </a><a class="show-hero">
                <img 
                    src="./img/Alistar.png" alt="牛头酋长">
            </a>
        </div>
    </div>
    <!-- pc端显示 -->
    <ul class="show-middle">
        <li>
            <i class="number-red">48.8K</i>
            <i>金钱</i>
            <i class="number-blue">56.4K</i>
            <span>
                <em id="line" style="width:46.4%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">6</i>
            <i>击杀</i>
            <i class="number-blue">17</i>
            <span>
                <em id="line" style="width:26.1%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">3</i>
            <i>推塔</i>
            <i class="number-blue">8</i>
            <span>
                <em id="line" style="width:27.3%;"></em>
            </span>
        </li>
    </ul>
    <div class="show-right">
        <div class="show-right-top">
            <span class="show-team">CHF</span>
            <div class="show-pic">
                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Thresh.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Syndra.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Tristana.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Gnar.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Rakan.png" alt="">
                </a>
            </div>
        </div>
        <div class="show-right-bom">
            <a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Renekton.png" alt="荒漠屠夫">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Lillia.png" alt="含羞蓓蕾">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Ahri.png" alt="九尾妖狐">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Ezreal.png" alt="探险家">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Rell.png" alt="镕铁少女">
            </a>
        </div>
    </div>
</div>
</li>
<li  class="mouse-hover">
<div class="match-detail-title">
    <a href="javascript:;">2021 LCO 春季赛 PCE vs CHF</a>
    <span>1周前</span>
</div>
<div class="match-detail-show">
    <div class="show-left">
        <div class="show-left-top">
            <span class="show-team">PCE</span>
            <div class="show-pic">
                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Seraphine.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Ahri.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Yone.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Zoe.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Lillia.png" alt="">
                </a>
            </div>
        </div>
        <div class="show-left-bom">
            <a class="show-hero">
                <img 
                    src="./img/Gnar.png" alt="迷失之牙">
            </a><a class="show-hero">
                <img 
                    src="./img/Udyr.png" alt="兽灵行者">
            </a><a class="show-hero">
                <img 
                    src="./img/Syndra.png" alt="暗黑元首">
            </a><a class="show-hero">
                <img 
                    src="./img/Xayah.png" alt="逆羽">
            </a><a class="show-hero">
                <img 
                    src="./img/Rakan.png" alt="幻翎">
            </a>
        </div>
    </div>
    <!-- pc端显示 -->
    <ul class="show-middle">
        <li>
            <i class="number-red">68.6K</i>
            <i>金钱</i>
            <i class="number-blue">55.2K</i>
            <span>
                <em id="line" style="width:55.4%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">17</i>
            <i>击杀</i>
            <i class="number-blue">6</i>
            <span>
                <em id="line" style="width:73.9%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">10</i>
            <i>推塔</i>
            <i class="number-blue">0</i>
            <span>
                <em id="line" style="width:100.0%;"></em>
            </span>
        </li>
    </ul>
    <div class="show-right">
        <div class="show-right-top">
            <span class="show-team">CHF</span>
            <div class="show-pic">
                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Zilean.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Thresh.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Chogath.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Tristana.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Hecarim.png" alt="">
                </a>
            </div>
        </div>
        <div class="show-right-bom">
            <a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Ornn.png" alt="山隐之焰">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Skarner.png" alt="水晶先锋">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Viktor.png" alt="机械先驱">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Ezreal.png" alt="探险家">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Rell.png" alt="镕铁少女">
            </a>
        </div>
    </div>
</div>
</li>
<li  class="mouse-hover">
<div class="match-detail-title">
    <a href="javascript:;">2021 LPL 春季赛 TES vs SN</a>
    <span>1周前</span>
</div>
<div class="match-detail-show">
    <div class="show-left">
        <div class="show-left-top">
            <span class="show-team">TES</span>
            <div class="show-pic">
                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Gnar.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Jinx.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Nocturne.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Renekton.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Thresh.png" alt="">
                </a>
            </div>
        </div>
        <div class="show-left-bom">
            <a class="show-hero">
                <img 
                    src="./img/Gragas.png" alt="酒桶">
            </a><a class="show-hero">
                <img 
                    src="./img/Hecarim.png" alt="战争之影">
            </a><a class="show-hero">
                <img 
                    src="./img/Sylas.png" alt="解脱者">
            </a><a class="show-hero">
                <img 
                    src="./img/Tristana.png" alt="麦林炮手">
            </a><a class="show-hero">
                <img 
                    src="./img/Alistar.png" alt="牛头酋长">
            </a>
        </div>
    </div>
    <!-- pc端显示 -->
    <ul class="show-middle">
        <li>
            <i class="number-red">59.5K</i>
            <i>金钱</i>
            <i class="number-blue">52.6K</i>
            <span>
                <em id="line" style="width:53.1%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">21</i>
            <i>击杀</i>
            <i class="number-blue">20</i>
            <span>
                <em id="line" style="width:51.2%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">7</i>
            <i>推塔</i>
            <i class="number-blue">1</i>
            <span>
                <em id="line" style="width:87.5%;"></em>
            </span>
        </li>
    </ul>
    <div class="show-right">
        <div class="show-right-top">
            <span class="show-team">SN</span>
            <div class="show-pic">
                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Jayce.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Quinn.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Ryze.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/TahmKench.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Zoe.png" alt="">
                </a>
            </div>
        </div>
        <div class="show-right-bom">
            <a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Aatrox.png" alt="暗裔剑魔">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Olaf.png" alt="狂战士">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Seraphine.png" alt="星籁歌姬">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Kaisa.png" alt="虚空之女">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Rell.png" alt="镕铁少女">
            </a>
        </div>
    </div>
</div>
</li>
<li  class="mouse-hover">
<div class="match-detail-title">
    <a href="javascript:;">2021 LPL 春季赛 TES vs SN</a>
    <span>1周前</span>
</div>
<div class="match-detail-show">
    <div class="show-left">
        <div class="show-left-top">
            <span class="show-team">TES</span>
            <div class="show-pic">
                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Gnar.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Jinx.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Kassadin.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Nocturne.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Renekton.png" alt="">
                </a>
            </div>
        </div>
        <div class="show-left-bom">
            <a class="show-hero">
                <img 
                    src="./img/Jayce.png" alt="未来守护者">
            </a><a class="show-hero">
                <img 
                    src="./img/Hecarim.png" alt="战争之影">
            </a><a class="show-hero">
                <img 
                    src="./img/Ryze.png" alt="符文法师">
            </a><a class="show-hero">
                <img 
                    src="./img/Varus.png" alt="惩戒之箭">
            </a><a class="show-hero">
                <img 
                    src="./img/Rell.png" alt="镕铁少女">
            </a>
        </div>
    </div>
    <!-- pc端显示 -->
    <ul class="show-middle">
        <li>
            <i class="number-red">43.1K</i>
            <i>金钱</i>
            <i class="number-blue">26.0K</i>
            <span>
                <em id="line" style="width:62.4%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">23</i>
            <i>击杀</i>
            <i class="number-blue">4</i>
            <span>
                <em id="line" style="width:85.2%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">9</i>
            <i>推塔</i>
            <i class="number-blue">0</i>
            <span>
                <em id="line" style="width:100.0%;"></em>
            </span>
        </li>
    </ul>
    <div class="show-right">
        <div class="show-right-top">
            <span class="show-team">SN</span>
            <div class="show-pic">
                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Gragas.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Orianna.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Quinn.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Thresh.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Zoe.png" alt="">
                </a>
            </div>
        </div>
        <div class="show-right-bom">
            <a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Camille.png" alt="青钢影">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Udyr.png" alt="兽灵行者">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Sylas.png" alt="解脱者">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Aphelios.png" alt="残月之肃">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/TahmKench.png" alt="河流之王">
            </a>
        </div>
    </div>
</div>
</li>
<li  class="mouse-hover">
<div class="match-detail-title">
    <a href="javascript:;">2021 LCO 春季赛 DW vs CHF</a>
    <span>1周前</span>
</div>
<div class="match-detail-show">
    <div class="show-left">
        <div class="show-left-top">
            <span class="show-team">DW</span>
            <div class="show-pic">
                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Sion.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Nocturne.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Yone.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Seraphine.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Hecarim.png" alt="">
                </a>
            </div>
        </div>
        <div class="show-left-bom">
            <a class="show-hero">
                <img 
                    src="./img/Gragas.png" alt="酒桶">
            </a><a class="show-hero">
                <img 
                    src="./img/Udyr.png" alt="兽灵行者">
            </a><a class="show-hero">
                <img 
                    src="./img/Syndra.png" alt="暗黑元首">
            </a><a class="show-hero">
                <img 
                    src="./img/Ezreal.png" alt="探险家">
            </a><a class="show-hero">
                <img 
                    src="./img/Alistar.png" alt="牛头酋长">
            </a>
        </div>
    </div>
    <!-- pc端显示 -->
    <ul class="show-middle">
        <li>
            <i class="number-red">41.4K</i>
            <i>金钱</i>
            <i class="number-blue">56.8K</i>
            <span>
                <em id="line" style="width:42.2%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">3</i>
            <i>击杀</i>
            <i class="number-blue">19</i>
            <span>
                <em id="line" style="width:13.6%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">0</i>
            <i>推塔</i>
            <i class="number-blue">9</i>
            <span>
                <em id="line" style="width:0.0%;"></em>
            </span>
        </li>
    </ul>
    <div class="show-right">
        <div class="show-right-top">
            <span class="show-team">CHF</span>
            <div class="show-pic">
                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Thresh.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Azir.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Tristana.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Zoe.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Gnar.png" alt="">
                </a>
            </div>
        </div>
        <div class="show-right-bom">
            <a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Renekton.png" alt="荒漠屠夫">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Lillia.png" alt="含羞蓓蕾">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Ahri.png" alt="九尾妖狐">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Kaisa.png" alt="虚空之女">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Rell.png" alt="镕铁少女">
            </a>
        </div>
    </div>
</div>
</li>
<li  class="mouse-hover">
<div class="match-detail-title">
    <a href="javascript:;">2021 LPL 春季赛 TES vs SN</a>
    <span>1周前</span>
</div>
<div class="match-detail-show">
    <div class="show-left">
        <div class="show-left-top">
            <span class="show-team">TES</span>
            <div class="show-pic">
                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Gnar.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Jinx.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Thresh.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/TwistedFate.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Seraphine.png" alt="">
                </a>
            </div>
        </div>
        <div class="show-left-bom">
            <a class="show-hero">
                <img 
                    src="./img/Gangplank.png" alt="海洋之灾">
            </a><a class="show-hero">
                <img 
                    src="./img/Volibear.png" alt="不灭狂雷">
            </a><a class="show-hero">
                <img 
                    src="./img/Orianna.png" alt="发条魔灵">
            </a><a class="show-hero">
                <img 
                    src="./img/Senna.png" alt="涤魂圣枪">
            </a><a class="show-hero">
                <img 
                    src="./img/TahmKench.png" alt="河流之王">
            </a>
        </div>
    </div>
    <!-- pc端显示 -->
    <ul class="show-middle">
        <li>
            <i class="number-red">72.3K</i>
            <i>金钱</i>
            <i class="number-blue">72.2K</i>
            <span>
                <em id="line" style="width:50.0%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">18</i>
            <i>击杀</i>
            <i class="number-blue">20</i>
            <span>
                <em id="line" style="width:47.4%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">5</i>
            <i>推塔</i>
            <i class="number-blue">10</i>
            <span>
                <em id="line" style="width:33.3%;"></em>
            </span>
        </li>
    </ul>
    <div class="show-right">
        <div class="show-right-top">
            <span class="show-team">SN</span>
            <div class="show-pic">
                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Gragas.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Quinn.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Tristana.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Zoe.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Sylas.png" alt="">
                </a>
            </div>
        </div>
        <div class="show-right-bom">
            <a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Renekton.png" alt="荒漠屠夫">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Hecarim.png" alt="战争之影">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Kassadin.png" alt="虚空行者">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Varus.png" alt="惩戒之箭">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Rell.png" alt="镕铁少女">
            </a>
        </div>
    </div>
</div>
</li>
<li  class="mouse-hover">
<div class="match-detail-title">
    <a href="javascript:;">2021 LCO 春季赛 DW vs CHF</a>
    <span>1周前</span>
</div>
<div class="match-detail-show">
    <div class="show-left">
        <div class="show-left-top">
            <span class="show-team">DW</span>
            <div class="show-pic">
                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Sion.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Nocturne.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Ornn.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Seraphine.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Hecarim.png" alt="">
                </a>
            </div>
        </div>
        <div class="show-left-bom">
            <a class="show-hero">
                <img 
                    src="./img/Gragas.png" alt="酒桶">
            </a><a class="show-hero">
                <img 
                    src="./img/Udyr.png" alt="兽灵行者">
            </a><a class="show-hero">
                <img 
                    src="./img/Zoe.png" alt="暮光星灵">
            </a><a class="show-hero">
                <img 
                    src="./img/Jinx.png" alt="暴走萝莉">
            </a><a class="show-hero">
                <img 
                    src="./img/Alistar.png" alt="牛头酋长">
            </a>
        </div>
    </div>
    <!-- pc端显示 -->
    <ul class="show-middle">
        <li>
            <i class="number-red">72.3K</i>
            <i>金钱</i>
            <i class="number-blue">78.3K</i>
            <span>
                <em id="line" style="width:48.0%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">17</i>
            <i>击杀</i>
            <i class="number-blue">17</i>
            <span>
                <em id="line" style="width:50.0%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">10</i>
            <i>推塔</i>
            <i class="number-blue">10</i>
            <span>
                <em id="line" style="width:50.0%;"></em>
            </span>
        </li>
    </ul>
    <div class="show-right">
        <div class="show-right-top">
            <span class="show-team">CHF</span>
            <div class="show-pic">
                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Thresh.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Azir.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Tristana.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Zilean.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Gnar.png" alt="">
                </a>
            </div>
        </div>
        <div class="show-right-bom">
            <a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Renekton.png" alt="荒漠屠夫">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Lillia.png" alt="含羞蓓蕾">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Yone.png" alt="封魔剑魂">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Kaisa.png" alt="虚空之女">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Rell.png" alt="镕铁少女">
            </a>
        </div>
    </div>
</div>
</li>
<li  class="mouse-hover">
<div class="match-detail-title">
    <a href="javascript:;">2021 LPL 春季赛 TES vs SN</a>
    <span>1周前</span>
</div>
<div class="match-detail-show">
    <div class="show-left">
        <div class="show-left-top">
            <span class="show-team">TES</span>
            <div class="show-pic">
                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Gnar.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Nocturne.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Orianna.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/TwistedFate.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Seraphine.png" alt="">
                </a>
            </div>
        </div>
        <div class="show-left-bom">
            <a class="show-hero">
                <img 
                    src="./img/Quinn.png" alt="德玛西亚之翼">
            </a><a class="show-hero">
                <img 
                    src="./img/Volibear.png" alt="不灭狂雷">
            </a><a class="show-hero">
                <img 
                    src="./img/Zoe.png" alt="暮光星灵">
            </a><a class="show-hero">
                <img 
                    src="./img/Aphelios.png" alt="残月之肃">
            </a><a class="show-hero">
                <img 
                    src="./img/Thresh.png" alt="魂锁典狱长">
            </a>
        </div>
    </div>
    <!-- pc端显示 -->
    <ul class="show-middle">
        <li>
            <i class="number-red">76.7K</i>
            <i>金钱</i>
            <i class="number-blue">68.8K</i>
            <span>
                <em id="line" style="width:52.7%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">9</i>
            <i>击杀</i>
            <i class="number-blue">11</i>
            <span>
                <em id="line" style="width:45.0%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">8</i>
            <i>推塔</i>
            <i class="number-blue">7</i>
            <span>
                <em id="line" style="width:53.3%;"></em>
            </span>
        </li>
    </ul>
    <div class="show-right">
        <div class="show-right-top">
            <span class="show-team">SN</span>
            <div class="show-pic">
                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Gragas.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Sion.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Tristana.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Udyr.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Sylas.png" alt="">
                </a>
            </div>
        </div>
        <div class="show-right-bom">
            <a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Renekton.png" alt="荒漠屠夫">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Hecarim.png" alt="战争之影">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Zilean.png" alt="时光守护者">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Jinx.png" alt="暴走萝莉">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/TahmKench.png" alt="河流之王">
            </a>
        </div>
    </div>
</div>
</li>
<li  class="mouse-hover">
<div class="match-detail-title">
    <a href="javascript:;">2021 LCO 春季赛 DW vs CHF</a>
    <span>1周前</span>
</div>
<div class="match-detail-show">
    <div class="show-left">
        <div class="show-left-top">
            <span class="show-team">DW</span>
            <div class="show-pic">
                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Alistar.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Nocturne.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Ornn.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Seraphine.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Rell.png" alt="">
                </a>
            </div>
        </div>
        <div class="show-left-bom">
            <a class="show-hero">
                <img 
                    src="./img/Camille.png" alt="青钢影">
            </a><a class="show-hero">
                <img 
                    src="./img/Udyr.png" alt="兽灵行者">
            </a><a class="show-hero">
                <img 
                    src="./img/Azir.png" alt="沙漠皇帝">
            </a><a class="show-hero">
                <img 
                    src="./img/Jinx.png" alt="暴走萝莉">
            </a><a class="show-hero">
                <img 
                    src="./img/TahmKench.png" alt="河流之王">
            </a>
        </div>
    </div>
    <!-- pc端显示 -->
    <ul class="show-middle">
        <li>
            <i class="number-red">63.0K</i>
            <i>金钱</i>
            <i class="number-blue">65.3K</i>
            <span>
                <em id="line" style="width:49.1%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">5</i>
            <i>击杀</i>
            <i class="number-blue">15</i>
            <span>
                <em id="line" style="width:25.0%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">7</i>
            <i>推塔</i>
            <i class="number-blue">11</i>
            <span>
                <em id="line" style="width:38.9%;"></em>
            </span>
        </li>
    </ul>
    <div class="show-right">
        <div class="show-right-top">
            <span class="show-team">CHF</span>
            <div class="show-pic">
                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Thresh.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Sylas.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Tristana.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Viktor.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Gnar.png" alt="">
                </a>
            </div>
        </div>
        <div class="show-right-bom">
            <a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Sion.png" alt="亡灵战神">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Hecarim.png" alt="战争之影">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Ahri.png" alt="九尾妖狐">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Kaisa.png" alt="虚空之女">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Soraka.png" alt="众星之子">
            </a>
        </div>
    </div>
</div>
</li>
<li  class="mouse-hover">
<div class="match-detail-title">
    <a href="javascript:;">2021 LCO 春季赛 DW vs CHF</a>
    <span>1周前</span>
</div>
<div class="match-detail-show">
    <div class="show-left">
        <div class="show-left-top">
            <span class="show-team">DW</span>
            <div class="show-pic">
                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Sion.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Nocturne.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/MonkeyKing.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Seraphine.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Rell.png" alt="">
                </a>
            </div>
        </div>
        <div class="show-left-bom">
            <a class="show-hero">
                <img 
                    src="./img/Gnar.png" alt="迷失之牙">
            </a><a class="show-hero">
                <img 
                    src="./img/Udyr.png" alt="兽灵行者">
            </a><a class="show-hero">
                <img 
                    src="./img/Azir.png" alt="沙漠皇帝">
            </a><a class="show-hero">
                <img 
                    src="./img/Jinx.png" alt="暴走萝莉">
            </a><a class="show-hero">
                <img 
                    src="./img/Bard.png" alt="星界游神">
            </a>
        </div>
    </div>
    <!-- pc端显示 -->
    <ul class="show-middle">
        <li>
            <i class="number-red">77.1K</i>
            <i>金钱</i>
            <i class="number-blue">71.3K</i>
            <span>
                <em id="line" style="width:52.0%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">23</i>
            <i>击杀</i>
            <i class="number-blue">18</i>
            <span>
                <em id="line" style="width:56.1%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">7</i>
            <i>推塔</i>
            <i class="number-blue">6</i>
            <span>
                <em id="line" style="width:53.8%;"></em>
            </span>
        </li>
    </ul>
    <div class="show-right">
        <div class="show-right-top">
            <span class="show-team">CHF</span>
            <div class="show-pic">
                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Thresh.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/TahmKench.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Tristana.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Braum.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Alistar.png" alt="">
                </a>
            </div>
        </div>
        <div class="show-right-bom">
            <a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Ornn.png" alt="山隐之焰">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Hecarim.png" alt="战争之影">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Viktor.png" alt="机械先驱">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Kaisa.png" alt="虚空之女">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Galio.png" alt="正义巨像">
            </a>
        </div>
    </div>
</div>
</li>
<li  class="mouse-hover">
<div class="match-detail-title">
    <a href="javascript:;">2021 LPL 春季赛 FPX vs JDG</a>
    <span>2周前</span>
</div>
<div class="match-detail-show">
    <div class="show-left">
        <div class="show-left-top">
            <span class="show-team">FPX</span>
            <div class="show-pic">
                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Azir.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Graves.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Nidalee.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Udyr.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Zoe.png" alt="">
                </a>
            </div>
        </div>
        <div class="show-left-bom">
            <a class="show-hero">
                <img 
                    src="./img/Gnar.png" alt="迷失之牙">
            </a><a class="show-hero">
                <img 
                    src="./img/Hecarim.png" alt="战争之影">
            </a><a class="show-hero">
                <img 
                    src="./img/Viktor.png" alt="机械先驱">
            </a><a class="show-hero">
                <img 
                    src="./img/Kaisa.png" alt="虚空之女">
            </a><a class="show-hero">
                <img 
                    src="./img/Rakan.png" alt="幻翎">
            </a>
        </div>
    </div>
    <!-- pc端显示 -->
    <ul class="show-middle">
        <li>
            <i class="number-red">69.9K</i>
            <i>金钱</i>
            <i class="number-blue">65.4K</i>
            <span>
                <em id="line" style="width:51.7%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">15</i>
            <i>击杀</i>
            <i class="number-blue">13</i>
            <span>
                <em id="line" style="width:53.6%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">9</i>
            <i>推塔</i>
            <i class="number-blue">5</i>
            <span>
                <em id="line" style="width:64.3%;"></em>
            </span>
        </li>
    </ul>
    <div class="show-right">
        <div class="show-right-top">
            <span class="show-team">JDG</span>
            <div class="show-pic">
                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Akali.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Nautilus.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Nocturne.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Orianna.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Rell.png" alt="">
                </a>
            </div>
        </div>
        <div class="show-right-bom">
            <a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Gragas.png" alt="酒桶">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Volibear.png" alt="不灭狂雷">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Sylas.png" alt="解脱者">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Jinx.png" alt="暴走萝莉">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Thresh.png" alt="魂锁典狱长">
            </a>
        </div>
    </div>
</div>
</li>
<li  class="mouse-hover">
<div class="match-detail-title">
    <a href="javascript:;">2021 LPL 春季赛 FPX vs JDG</a>
    <span>2周前</span>
</div>
<div class="match-detail-show">
    <div class="show-left">
        <div class="show-left-top">
            <span class="show-team">FPX</span>
            <div class="show-pic">
                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Azir.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Hecarim.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Nocturne.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Sion.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Udyr.png" alt="">
                </a>
            </div>
        </div>
        <div class="show-left-bom">
            <a class="show-hero">
                <img 
                    src="./img/Jayce.png" alt="未来守护者">
            </a><a class="show-hero">
                <img 
                    src="./img/Volibear.png" alt="不灭狂雷">
            </a><a class="show-hero">
                <img 
                    src="./img/Viktor.png" alt="机械先驱">
            </a><a class="show-hero">
                <img 
                    src="./img/Senna.png" alt="涤魂圣枪">
            </a><a class="show-hero">
                <img 
                    src="./img/TahmKench.png" alt="河流之王">
            </a>
        </div>
    </div>
    <!-- pc端显示 -->
    <ul class="show-middle">
        <li>
            <i class="number-red">61.4K</i>
            <i>金钱</i>
            <i class="number-blue">69.6K</i>
            <span>
                <em id="line" style="width:46.9%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">8</i>
            <i>击杀</i>
            <i class="number-blue">22</i>
            <span>
                <em id="line" style="width:26.7%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">7</i>
            <i>推塔</i>
            <i class="number-blue">10</i>
            <span>
                <em id="line" style="width:41.2%;"></em>
            </span>
        </li>
    </ul>
    <div class="show-right">
        <div class="show-right-top">
            <span class="show-team">JDG</span>
            <div class="show-pic">
                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Akali.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Gnar.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Orianna.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Lillia.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Rell.png" alt="">
                </a>
            </div>
        </div>
        <div class="show-right-bom">
            <a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Ornn.png" alt="山隐之焰">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Graves.png" alt="法外狂徒">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Zoe.png" alt="暮光星灵">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Jinx.png" alt="暴走萝莉">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Thresh.png" alt="魂锁典狱长">
            </a>
        </div>
    </div>
</div>
</li>
<li  class="mouse-hover">
<div class="match-detail-title">
    <a href="javascript:;">2021 LPL 春季赛 FPX vs JDG</a>
    <span>2周前</span>
</div>
<div class="match-detail-show">
    <div class="show-left">
        <div class="show-left-top">
            <span class="show-team">FPX</span>
            <div class="show-pic">
                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Bard.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Hecarim.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Nocturne.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Udyr.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/TahmKench.png" alt="">
                </a>
            </div>
        </div>
        <div class="show-left-bom">
            <a class="show-hero">
                <img 
                    src="./img/Gnar.png" alt="迷失之牙">
            </a><a class="show-hero">
                <img 
                    src="./img/Volibear.png" alt="不灭狂雷">
            </a><a class="show-hero">
                <img 
                    src="./img/Sylas.png" alt="解脱者">
            </a><a class="show-hero">
                <img 
                    src="./img/Tristana.png" alt="麦林炮手">
            </a><a class="show-hero">
                <img 
                    src="./img/Leona.png" alt="曙光女神">
            </a>
        </div>
    </div>
    <!-- pc端显示 -->
    <ul class="show-middle">
        <li>
            <i class="number-red">48.6K</i>
            <i>金钱</i>
            <i class="number-blue">40.3K</i>
            <span>
                <em id="line" style="width:54.7%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">18</i>
            <i>击杀</i>
            <i class="number-blue">5</i>
            <span>
                <em id="line" style="width:78.3%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">9</i>
            <i>推塔</i>
            <i class="number-blue">3</i>
            <span>
                <em id="line" style="width:75.0%;"></em>
            </span>
        </li>
    </ul>
    <div class="show-right">
        <div class="show-right-top">
            <span class="show-team">JDG</span>
            <div class="show-pic">
                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Akali.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Alistar.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Thresh.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Lillia.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Rell.png" alt="">
                </a>
            </div>
        </div>
        <div class="show-right-bom">
            <a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Renekton.png" alt="荒漠屠夫">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Nidalee.png" alt="狂野女猎手">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/TwistedFate.png" alt="卡牌大师">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Jinx.png" alt="暴走萝莉">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Gragas.png" alt="酒桶">
            </a>
        </div>
    </div>
</div>
</li>
<li  class="mouse-hover">
<div class="match-detail-title">
    <a href="javascript:;">2021 LPL 春季赛 FPX vs JDG</a>
    <span>2周前</span>
</div>
<div class="match-detail-show">
    <div class="show-left">
        <div class="show-left-top">
            <span class="show-team">FPX</span>
            <div class="show-pic">
                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Azir.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Hecarim.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Renekton.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/TwistedFate.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Udyr.png" alt="">
                </a>
            </div>
        </div>
        <div class="show-left-bom">
            <a class="show-hero">
                <img 
                    src="./img/Gangplank.png" alt="海洋之灾">
            </a><a class="show-hero">
                <img 
                    src="./img/Nocturne.png" alt="永恒梦魇">
            </a><a class="show-hero">
                <img 
                    src="./img/Orianna.png" alt="发条魔灵">
            </a><a class="show-hero">
                <img 
                    src="./img/Aphelios.png" alt="残月之肃">
            </a><a class="show-hero">
                <img 
                    src="./img/Thresh.png" alt="魂锁典狱长">
            </a>
        </div>
    </div>
    <!-- pc端显示 -->
    <ul class="show-middle">
        <li>
            <i class="number-red">66.0K</i>
            <i>金钱</i>
            <i class="number-blue">54.9K</i>
            <span>
                <em id="line" style="width:54.6%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">22</i>
            <i>击杀</i>
            <i class="number-blue">12</i>
            <span>
                <em id="line" style="width:64.7%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">9</i>
            <i>推塔</i>
            <i class="number-blue">2</i>
            <span>
                <em id="line" style="width:81.8%;"></em>
            </span>
        </li>
    </ul>
    <div class="show-right">
        <div class="show-right-top">
            <span class="show-team">JDG</span>
            <div class="show-pic">
                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Akali.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Gnar.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Jayce.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Kennen.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Rell.png" alt="">
                </a>
            </div>
        </div>
        <div class="show-right-bom">
            <a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Sett.png" alt="腕豪">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Lillia.png" alt="含羞蓓蕾">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Zoe.png" alt="暮光星灵">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Jinx.png" alt="暴走萝莉">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/TahmKench.png" alt="河流之王">
            </a>
        </div>
    </div>
</div>
</li>
<li  class="mouse-hover">
<div class="match-detail-title">
    <a href="javascript:;">2021 LCS 春季赛 TSM vs 100</a>
    <span>2周前</span>
</div>
<div class="match-detail-show">
    <div class="show-left">
        <div class="show-left-top">
            <span class="show-team">TSM</span>
            <div class="show-pic">
                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Senna.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Malphite.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Renekton.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Alistar.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Gnar.png" alt="">
                </a>
            </div>
        </div>
        <div class="show-left-bom">
            <a class="show-hero">
                <img 
                    src="./img/Nocturne.png" alt="永恒梦魇">
            </a><a class="show-hero">
                <img 
                    src="./img/Udyr.png" alt="兽灵行者">
            </a><a class="show-hero">
                <img 
                    src="./img/Azir.png" alt="沙漠皇帝">
            </a><a class="show-hero">
                <img 
                    src="./img/Xayah.png" alt="逆羽">
            </a><a class="show-hero">
                <img 
                    src="./img/Rakan.png" alt="幻翎">
            </a>
        </div>
    </div>
    <!-- pc端显示 -->
    <ul class="show-middle">
        <li>
            <i class="number-red">60.1K</i>
            <i>金钱</i>
            <i class="number-blue">52.5K</i>
            <span>
                <em id="line" style="width:53.4%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">14</i>
            <i>击杀</i>
            <i class="number-blue">9</i>
            <span>
                <em id="line" style="width:60.9%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">9</i>
            <i>推塔</i>
            <i class="number-blue">4</i>
            <span>
                <em id="line" style="width:69.2%;"></em>
            </span>
        </li>
    </ul>
    <div class="show-right">
        <div class="show-right-top">
            <span class="show-team">100</span>
            <div class="show-pic">
                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Jinx.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Seraphine.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Kaisa.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Hecarim.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Rell.png" alt="">
                </a>
            </div>
        </div>
        <div class="show-right-bom">
            <a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Sion.png" alt="亡灵战神">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Olaf.png" alt="狂战士">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Orianna.png" alt="发条魔灵">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Tristana.png" alt="麦林炮手">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Sett.png" alt="腕豪">
            </a>
        </div>
    </div>
</div>
</li>
<li  class="mouse-hover">
<div class="match-detail-title">
    <a href="javascript:;">2021 LCS 春季赛 TSM vs 100</a>
    <span>2周前</span>
</div>
<div class="match-detail-show">
    <div class="show-left">
        <div class="show-left-top">
            <span class="show-team">TSM</span>
            <div class="show-pic">
                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Kalista.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Senna.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Kaisa.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Hecarim.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Renekton.png" alt="">
                </a>
            </div>
        </div>
        <div class="show-left-bom">
            <a class="show-hero">
                <img 
                    src="./img/Gnar.png" alt="迷失之牙">
            </a><a class="show-hero">
                <img 
                    src="./img/Nidalee.png" alt="狂野女猎手">
            </a><a class="show-hero">
                <img 
                    src="./img/Azir.png" alt="沙漠皇帝">
            </a><a class="show-hero">
                <img 
                    src="./img/Jinx.png" alt="暴走萝莉">
            </a><a class="show-hero">
                <img 
                    src="./img/Alistar.png" alt="牛头酋长">
            </a>
        </div>
    </div>
    <!-- pc端显示 -->
    <ul class="show-middle">
        <li>
            <i class="number-red">60.9K</i>
            <i>金钱</i>
            <i class="number-blue">66.9K</i>
            <span>
                <em id="line" style="width:47.7%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">9</i>
            <i>击杀</i>
            <i class="number-blue">21</i>
            <span>
                <em id="line" style="width:30.0%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">5</i>
            <i>推塔</i>
            <i class="number-blue">8</i>
            <span>
                <em id="line" style="width:38.5%;"></em>
            </span>
        </li>
    </ul>
    <div class="show-right">
        <div class="show-right-top">
            <span class="show-team">100</span>
            <div class="show-pic">
                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Seraphine.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Thresh.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Rell.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/TwistedFate.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Tristana.png" alt="">
                </a>
            </div>
        </div>
        <div class="show-right-bom">
            <a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Jayce.png" alt="未来守护者">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Udyr.png" alt="兽灵行者">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Orianna.png" alt="发条魔灵">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Ezreal.png" alt="探险家">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Leona.png" alt="曙光女神">
            </a>
        </div>
    </div>
</div>
</li>
<li  class="mouse-hover">
<div class="match-detail-title">
    <a href="javascript:;">2021 LCS 春季赛 TSM vs 100</a>
    <span>2周前</span>
</div>
<div class="match-detail-show">
    <div class="show-left">
        <div class="show-left-top">
            <span class="show-team">TSM</span>
            <div class="show-pic">
                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Sylas.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Senna.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Kalista.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Renekton.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Hecarim.png" alt="">
                </a>
            </div>
        </div>
        <div class="show-left-bom">
            <a class="show-hero">
                <img 
                    src="./img/Gnar.png" alt="迷失之牙">
            </a><a class="show-hero">
                <img 
                    src="./img/Nidalee.png" alt="狂野女猎手">
            </a><a class="show-hero">
                <img 
                    src="./img/Syndra.png" alt="暗黑元首">
            </a><a class="show-hero">
                <img 
                    src="./img/Kaisa.png" alt="虚空之女">
            </a><a class="show-hero">
                <img 
                    src="./img/Alistar.png" alt="牛头酋长">
            </a>
        </div>
    </div>
    <!-- pc端显示 -->
    <ul class="show-middle">
        <li>
            <i class="number-red">78.7K</i>
            <i>金钱</i>
            <i class="number-blue">74.0K</i>
            <span>
                <em id="line" style="width:51.5%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">15</i>
            <i>击杀</i>
            <i class="number-blue">11</i>
            <span>
                <em id="line" style="width:57.7%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">10</i>
            <i>推塔</i>
            <i class="number-blue">5</i>
            <span>
                <em id="line" style="width:66.7%;"></em>
            </span>
        </li>
    </ul>
    <div class="show-right">
        <div class="show-right-top">
            <span class="show-team">100</span>
            <div class="show-pic">
                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Seraphine.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Rell.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Orianna.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Jinx.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Udyr.png" alt="">
                </a>
            </div>
        </div>
        <div class="show-right-bom">
            <a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Jayce.png" alt="未来守护者">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Lillia.png" alt="含羞蓓蕾">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Tristana.png" alt="麦林炮手">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Ashe.png" alt="寒冰射手">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Braum.png" alt="弗雷尔卓德之心">
            </a>
        </div>
    </div>
</div>
</li>
<li  class="mouse-hover">
<div class="match-detail-title">
    <a href="javascript:;">2021 LCS 春季赛 TSM vs 100</a>
    <span>2周前</span>
</div>
<div class="match-detail-show">
    <div class="show-left">
        <div class="show-left-top">
            <span class="show-team">TSM</span>
            <div class="show-pic">
                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Senna.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Sett.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Renekton.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/TahmKench.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Tristana.png" alt="">
                </a>
            </div>
        </div>
        <div class="show-left-bom">
            <a class="show-hero">
                <img 
                    src="./img/Gnar.png" alt="迷失之牙">
            </a><a class="show-hero">
                <img 
                    src="./img/Nidalee.png" alt="狂野女猎手">
            </a><a class="show-hero">
                <img 
                    src="./img/Orianna.png" alt="发条魔灵">
            </a><a class="show-hero">
                <img 
                    src="./img/Jinx.png" alt="暴走萝莉">
            </a><a class="show-hero">
                <img 
                    src="./img/Rell.png" alt="镕铁少女">
            </a>
        </div>
    </div>
    <!-- pc端显示 -->
    <ul class="show-middle">
        <li>
            <i class="number-red">60.1K</i>
            <i>金钱</i>
            <i class="number-blue">55.8K</i>
            <span>
                <em id="line" style="width:51.9%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">13</i>
            <i>击杀</i>
            <i class="number-blue">5</i>
            <span>
                <em id="line" style="width:72.2%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">9</i>
            <i>推塔</i>
            <i class="number-blue">7</i>
            <span>
                <em id="line" style="width:56.2%;"></em>
            </span>
        </li>
    </ul>
    <div class="show-right">
        <div class="show-right-top">
            <span class="show-team">100</span>
            <div class="show-pic">
                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Viktor.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Seraphine.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Syndra.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Hecarim.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Udyr.png" alt="">
                </a>
            </div>
        </div>
        <div class="show-right-bom">
            <a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Jayce.png" alt="未来守护者">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Lillia.png" alt="含羞蓓蕾">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Lucian.png" alt="圣枪游侠">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Ashe.png" alt="寒冰射手">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Alistar.png" alt="牛头酋长">
            </a>
        </div>
    </div>
</div>
</li>
<li  class="mouse-hover">
<div class="match-detail-title">
    <a href="javascript:;">2021 LEC 春季赛 RGE vs S04</a>
    <span>2周前</span>
</div>
<div class="match-detail-show">
    <div class="show-left">
        <div class="show-left-top">
            <span class="show-team">RGE</span>
            <div class="show-pic">
                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Nocturne.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Jinx.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Gangplank.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Tristana.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Orianna.png" alt="">
                </a>
            </div>
        </div>
        <div class="show-left-bom">
            <a class="show-hero">
                <img 
                    src="./img/Kennen.png" alt="狂暴之心">
            </a><a class="show-hero">
                <img 
                    src="./img/Udyr.png" alt="兽灵行者">
            </a><a class="show-hero">
                <img 
                    src="./img/Lucian.png" alt="圣枪游侠">
            </a><a class="show-hero">
                <img 
                    src="./img/Kalista.png" alt="复仇之矛">
            </a><a class="show-hero">
                <img 
                    src="./img/Rell.png" alt="镕铁少女">
            </a>
        </div>
    </div>
    <!-- pc端显示 -->
    <ul class="show-middle">
        <li>
            <i class="number-red">56.9K</i>
            <i>金钱</i>
            <i class="number-blue">48.6K</i>
            <span>
                <em id="line" style="width:53.9%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">11</i>
            <i>击杀</i>
            <i class="number-blue">7</i>
            <span>
                <em id="line" style="width:61.1%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">8</i>
            <i>推塔</i>
            <i class="number-blue">3</i>
            <span>
                <em id="line" style="width:72.7%;"></em>
            </span>
        </li>
    </ul>
    <div class="show-right">
        <div class="show-right-top">
            <span class="show-team">S04</span>
            <div class="show-pic">
                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Senna.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Jayce.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Thresh.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Gnar.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Lillia.png" alt="">
                </a>
            </div>
        </div>
        <div class="show-right-bom">
            <a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Karma.png" alt="天启者">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Hecarim.png" alt="战争之影">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Ryze.png" alt="符文法师">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Kaisa.png" alt="虚空之女">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Gragas.png" alt="酒桶">
            </a>
        </div>
    </div>
</div>
</li>
<li  class="mouse-hover">
<div class="match-detail-title">
    <a href="javascript:;">2021 LEC 春季赛 RGE vs S04</a>
    <span>2周前</span>
</div>
<div class="match-detail-show">
    <div class="show-left">
        <div class="show-left-top">
            <span class="show-team">RGE</span>
            <div class="show-pic">
                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Volibear.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Nocturne.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Jinx.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Irelia.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Orianna.png" alt="">
                </a>
            </div>
        </div>
        <div class="show-left-bom">
            <a class="show-hero">
                <img 
                    src="./img/Urgot.png" alt="无畏战车">
            </a><a class="show-hero">
                <img 
                    src="./img/Hecarim.png" alt="战争之影">
            </a><a class="show-hero">
                <img 
                    src="./img/Syndra.png" alt="暗黑元首">
            </a><a class="show-hero">
                <img 
                    src="./img/Kalista.png" alt="复仇之矛">
            </a><a class="show-hero">
                <img 
                    src="./img/Gragas.png" alt="酒桶">
            </a>
        </div>
    </div>
    <!-- pc端显示 -->
    <ul class="show-middle">
        <li>
            <i class="number-red">66.4K</i>
            <i>金钱</i>
            <i class="number-blue">59.2K</i>
            <span>
                <em id="line" style="width:52.9%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">23</i>
            <i>击杀</i>
            <i class="number-blue">15</i>
            <span>
                <em id="line" style="width:60.5%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">9</i>
            <i>推塔</i>
            <i class="number-blue">3</i>
            <span>
                <em id="line" style="width:75.0%;"></em>
            </span>
        </li>
    </ul>
    <div class="show-right">
        <div class="show-right-top">
            <span class="show-team">S04</span>
            <div class="show-pic">
                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Karma.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Thresh.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Gnar.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Senna.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Tristana.png" alt="">
                </a>
            </div>
        </div>
        <div class="show-right-bom">
            <a href="javascript:;" class="show-hero">
                <img 
                    src="./img/MonkeyKing.png" alt="齐天大圣">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Udyr.png" alt="兽灵行者">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Viktor.png" alt="机械先驱">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Kaisa.png" alt="虚空之女">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Rell.png" alt="镕铁少女">
            </a>
        </div>
    </div>
</div>
</li>
<li  class="mouse-hover">
<div class="match-detail-title">
    <a href="javascript:;">2021 LEC 春季赛 RGE vs S04</a>
    <span>2周前</span>
</div>
<div class="match-detail-show">
    <div class="show-left">
        <div class="show-left-top">
            <span class="show-team">RGE</span>
            <div class="show-pic">
                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/TwistedFate.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Jinx.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Gangplank.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Tristana.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Orianna.png" alt="">
                </a>
            </div>
        </div>
        <div class="show-left-bom">
            <a class="show-hero">
                <img 
                    src="./img/Gnar.png" alt="迷失之牙">
            </a><a class="show-hero">
                <img 
                    src="./img/Udyr.png" alt="兽灵行者">
            </a><a class="show-hero">
                <img 
                    src="./img/Viktor.png" alt="机械先驱">
            </a><a class="show-hero">
                <img 
                    src="./img/Kalista.png" alt="复仇之矛">
            </a><a class="show-hero">
                <img 
                    src="./img/Gragas.png" alt="酒桶">
            </a>
        </div>
    </div>
    <!-- pc端显示 -->
    <ul class="show-middle">
        <li>
            <i class="number-red">69.9K</i>
            <i>金钱</i>
            <i class="number-blue">84.1K</i>
            <span>
                <em id="line" style="width:45.4%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">12</i>
            <i>击杀</i>
            <i class="number-blue">23</i>
            <span>
                <em id="line" style="width:34.3%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">4</i>
            <i>推塔</i>
            <i class="number-blue">11</i>
            <span>
                <em id="line" style="width:26.7%;"></em>
            </span>
        </li>
    </ul>
    <div class="show-right">
        <div class="show-right-top">
            <span class="show-team">S04</span>
            <div class="show-pic">
                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Thresh.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Xayah.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Senna.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Jayce.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Lillia.png" alt="">
                </a>
            </div>
        </div>
        <div class="show-right-bom">
            <a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Nocturne.png" alt="永恒梦魇">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Hecarim.png" alt="战争之影">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Ryze.png" alt="符文法师">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Kaisa.png" alt="虚空之女">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Rell.png" alt="镕铁少女">
            </a>
        </div>
    </div>
</div>
</li>
<li  class="mouse-hover">
<div class="match-detail-title">
    <a href="javascript:;">2021 LEC 春季赛 RGE vs S04</a>
    <span>2周前</span>
</div>
<div class="match-detail-show">
    <div class="show-left">
        <div class="show-left-top">
            <span class="show-team">RGE</span>
            <div class="show-pic">
                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Volibear.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Viktor.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Jinx.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Syndra.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Orianna.png" alt="">
                </a>
            </div>
        </div>
        <div class="show-left-bom">
            <a class="show-hero">
                <img 
                    src="./img/Karma.png" alt="天启者">
            </a><a class="show-hero">
                <img 
                    src="./img/Lillia.png" alt="含羞蓓蕾">
            </a><a class="show-hero">
                <img 
                    src="./img/Tristana.png" alt="麦林炮手">
            </a><a class="show-hero">
                <img 
                    src="./img/Ashe.png" alt="寒冰射手">
            </a><a class="show-hero">
                <img 
                    src="./img/Rell.png" alt="镕铁少女">
            </a>
        </div>
    </div>
    <!-- pc端显示 -->
    <ul class="show-middle">
        <li>
            <i class="number-red">47.7K</i>
            <i>金钱</i>
            <i class="number-blue">41.6K</i>
            <span>
                <em id="line" style="width:53.4%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">7</i>
            <i>击杀</i>
            <i class="number-blue">2</i>
            <span>
                <em id="line" style="width:77.8%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">8</i>
            <i>推塔</i>
            <i class="number-blue">3</i>
            <span>
                <em id="line" style="width:72.7%;"></em>
            </span>
        </li>
    </ul>
    <div class="show-right">
        <div class="show-right-top">
            <span class="show-team">S04</span>
            <div class="show-pic">
                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Gnar.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Senna.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Kaisa.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Thresh.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Lucian.png" alt="">
                </a>
            </div>
        </div>
        <div class="show-right-bom">
            <a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Irelia.png" alt="刀锋舞者">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Udyr.png" alt="兽灵行者">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Azir.png" alt="沙漠皇帝">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Xayah.png" alt="逆羽">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Alistar.png" alt="牛头酋长">
            </a>
        </div>
    </div>
</div>
</li>
<li  class="mouse-hover">
<div class="match-detail-title">
    <a href="javascript:;">2021 LJL 春季赛 SG vs V3</a>
    <span>2周前</span>
</div>
<div class="match-detail-show">
    <div class="show-left">
        <div class="show-left-top">
            <span class="show-team">SG</span>
            <div class="show-pic">
                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Galio.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Renekton.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Tristana.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Zoe.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Gnar.png" alt="">
                </a>
            </div>
        </div>
        <div class="show-left-bom">
            <a class="show-hero">
                <img 
                    src="./img/Sion.png" alt="亡灵战神">
            </a><a class="show-hero">
                <img 
                    src="./img/Olaf.png" alt="狂战士">
            </a><a class="show-hero">
                <img 
                    src="./img/Ryze.png" alt="符文法师">
            </a><a class="show-hero">
                <img 
                    src="./img/Aphelios.png" alt="残月之肃">
            </a><a class="show-hero">
                <img 
                    src="./img/Thresh.png" alt="魂锁典狱长">
            </a>
        </div>
    </div>
    <!-- pc端显示 -->
    <ul class="show-middle">
        <li>
            <i class="number-red">56.5K</i>
            <i>金钱</i>
            <i class="number-blue">65.9K</i>
            <span>
                <em id="line" style="width:46.2%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">6</i>
            <i>击杀</i>
            <i class="number-blue">13</i>
            <span>
                <em id="line" style="width:31.6%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">2</i>
            <i>推塔</i>
            <i class="number-blue">7</i>
            <span>
                <em id="line" style="width:22.2%;"></em>
            </span>
        </li>
    </ul>
    <div class="show-right">
        <div class="show-right-top">
            <span class="show-team">V3</span>
            <div class="show-pic">
                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Orianna.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Senna.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Seraphine.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Hecarim.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Udyr.png" alt="">
                </a>
            </div>
        </div>
        <div class="show-right-bom">
            <a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Volibear.png" alt="不灭狂雷">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Nidalee.png" alt="狂野女猎手">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/TwistedFate.png" alt="卡牌大师">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Samira.png" alt="沙漠玫瑰">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Rell.png" alt="镕铁少女">
            </a>
        </div>
    </div>
</div>
</li>
<li  class="mouse-hover">
<div class="match-detail-title">
    <a href="javascript:;">2021 LJL 春季赛 SG vs V3</a>
    <span>2周前</span>
</div>
<div class="match-detail-show">
    <div class="show-left">
        <div class="show-left-top">
            <span class="show-team">SG</span>
            <div class="show-pic">
                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Renekton.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Galio.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/TwistedFate.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Tristana.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Rell.png" alt="">
                </a>
            </div>
        </div>
        <div class="show-left-bom">
            <a class="show-hero">
                <img 
                    src="./img/Chogath.png" alt="虚空恐惧">
            </a><a class="show-hero">
                <img 
                    src="./img/Olaf.png" alt="狂战士">
            </a><a class="show-hero">
                <img 
                    src="./img/Viktor.png" alt="机械先驱">
            </a><a class="show-hero">
                <img 
                    src="./img/Aphelios.png" alt="残月之肃">
            </a><a class="show-hero">
                <img 
                    src="./img/Thresh.png" alt="魂锁典狱长">
            </a>
        </div>
    </div>
    <!-- pc端显示 -->
    <ul class="show-middle">
        <li>
            <i class="number-red">46.9K</i>
            <i>金钱</i>
            <i class="number-blue">60.4K</i>
            <span>
                <em id="line" style="width:43.7%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">5</i>
            <i>击杀</i>
            <i class="number-blue">19</i>
            <span>
                <em id="line" style="width:20.8%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">0</i>
            <i>推塔</i>
            <i class="number-blue">9</i>
            <span>
                <em id="line" style="width:0.0%;"></em>
            </span>
        </li>
    </ul>
    <div class="show-right">
        <div class="show-right-top">
            <span class="show-team">V3</span>
            <div class="show-pic">
                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Senna.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Orianna.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Gnar.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Seraphine.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Hecarim.png" alt="">
                </a>
            </div>
        </div>
        <div class="show-right-bom">
            <a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Sion.png" alt="亡灵战神">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Udyr.png" alt="兽灵行者">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Zoe.png" alt="暮光星灵">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Samira.png" alt="沙漠玫瑰">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Nautilus.png" alt="深海泰坦">
            </a>
        </div>
    </div>
</div>
</li>
<li  class="mouse-hover">
<div class="match-detail-title">
    <a href="javascript:;">2021 LPL 春季赛 WE vs SN</a>
    <span>2周前</span>
</div>
<div class="match-detail-show">
    <div class="show-left">
        <div class="show-left-top">
            <span class="show-team">WE</span>
            <div class="show-pic">
                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Jinx.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Nocturne.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/XinZhao.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Sylas.png" alt="">
                </a>
            </div>
        </div>
        <div class="show-left-bom">
            <a class="show-hero">
                <img 
                    src="./img/Renekton.png" alt="荒漠屠夫">
            </a><a class="show-hero">
                <img 
                    src="./img/Hecarim.png" alt="战争之影">
            </a><a class="show-hero">
                <img 
                    src="./img/Azir.png" alt="沙漠皇帝">
            </a><a class="show-hero">
                <img 
                    src="./img/Ezreal.png" alt="探险家">
            </a><a class="show-hero">
                <img 
                    src="./img/Karma.png" alt="天启者">
            </a>
        </div>
    </div>
    <!-- pc端显示 -->
    <ul class="show-middle">
        <li>
            <i class="number-red">37.9K</i>
            <i>金钱</i>
            <i class="number-blue">51.8K</i>
            <span>
                <em id="line" style="width:42.3%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">0</i>
            <i>击杀</i>
            <i class="number-blue">14</i>
            <span>
                <em id="line" style="width:0.0%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">1</i>
            <i>推塔</i>
            <i class="number-blue">8</i>
            <span>
                <em id="line" style="width:11.1%;"></em>
            </span>
        </li>
    </ul>
    <div class="show-right">
        <div class="show-right-top">
            <span class="show-team">SN</span>
            <div class="show-pic">
                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Orianna.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Ryze.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Thresh.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Tristana.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Zoe.png" alt="">
                </a>
            </div>
        </div>
        <div class="show-right-bom">
            <a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Gnar.png" alt="迷失之牙">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Kayn.png" alt="影流之镰">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/TwistedFate.png" alt="卡牌大师">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Varus.png" alt="惩戒之箭">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/TahmKench.png" alt="河流之王">
            </a>
        </div>
    </div>
</div>
</li>
<li  class="mouse-hover">
<div class="match-detail-title">
    <a href="javascript:;">2021 LPL 春季赛 WE vs SN</a>
    <span>2周前</span>
</div>
<div class="match-detail-show">
    <div class="show-left">
        <div class="show-left-top">
            <span class="show-team">WE</span>
            <div class="show-pic">
                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Nocturne.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/TwistedFate.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Zilean.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/TahmKench.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Sylas.png" alt="">
                </a>
            </div>
        </div>
        <div class="show-left-bom">
            <a class="show-hero">
                <img 
                    src="./img/Renekton.png" alt="荒漠屠夫">
            </a><a class="show-hero">
                <img 
                    src="./img/Hecarim.png" alt="战争之影">
            </a><a class="show-hero">
                <img 
                    src="./img/Orianna.png" alt="发条魔灵">
            </a><a class="show-hero">
                <img 
                    src="./img/Tristana.png" alt="麦林炮手">
            </a><a class="show-hero">
                <img 
                    src="./img/Nautilus.png" alt="深海泰坦">
            </a>
        </div>
    </div>
    <!-- pc端显示 -->
    <ul class="show-middle">
        <li>
            <i class="number-red">43.0K</i>
            <i>金钱</i>
            <i class="number-blue">54.4K</i>
            <span>
                <em id="line" style="width:44.1%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">2</i>
            <i>击杀</i>
            <i class="number-blue">15</i>
            <span>
                <em id="line" style="width:11.8%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">2</i>
            <i>推塔</i>
            <i class="number-blue">8</i>
            <span>
                <em id="line" style="width:20.0%;"></em>
            </span>
        </li>
    </ul>
    <div class="show-right">
        <div class="show-right-top">
            <span class="show-team">SN</span>
            <div class="show-pic">
                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Alistar.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Gragas.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Thresh.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Kaisa.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Aphelios.png" alt="">
                </a>
            </div>
        </div>
        <div class="show-right-bom">
            <a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Gnar.png" alt="迷失之牙">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Olaf.png" alt="狂战士">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Seraphine.png" alt="星籁歌姬">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Jinx.png" alt="暴走萝莉">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Rell.png" alt="镕铁少女">
            </a>
        </div>
    </div>
</div>
</li>`;